<template>
	<view>
		<u-steps current="1" direction="column" activeColor='#5ac725' dot>
			<u-steps-item v-for="(item) in steps">
				<text class="desc" slot="desc"> {{item.time}} <br /> 操作内容</text>
				<view  slot="desc"> <image class="stepImg"  :src="data" v-for="data in item.Image" mode=""/> </view>
			</u-steps-item>
		</u-steps>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				steps: [{
					time: '2023/8/6 12:22:23',
					Image: ["https://cdn.uviewui.com/uview/swiper/swiper1.png"]
				}, {
					time: '2023/8/7 7:22:23',
					Image: ["https://cdn.uviewui.com/uview/swiper/swiper1.png",
						'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					]
				}]
			}
		}
	}
</script>

<style lang="scss">
	.title {
		font-size: 15px;
		height: 50px;
	}

	.desc {
		font-size: 12px;
		color: #a1a1a0;
		;
	}

	.stepImg {
		width: 50px;
		height: 50px;
		display: inline-block;
	}

	/deep/.u-text__value {
		font-size: 18px !important;
	}
</style>